Hi everyone. This is the new episode of Front-End System design. Today we're going to become google engineers and try to design a Google Calendar App. That's a quite complex application that has many interesting design decisions that we can make. I'm looking forward to your comments and suggestions 🍻 00:00 - Intro 00:29 - 1. Problem Overview 01:35 - 2. General Requirements 03:15 - 2.1. Functional Requirements 05:09 - 3. Action plan 06:24 - 4. Layout Overview 07:56 - 4.1. Components Architecture 09:45 - 5. Data Model 15:21 - 5.1. Detecting conflicting events 18:30 - 5.2 Interval Tree Introduction 24:15 - 5.3. Interval Tree - Search demo 29:54 - 5.4. Complexity analysis 32:32 - 6. Data Transferring 36:39 - 6.1 API Review 38:18 - 6.2 SSE & GraphQL 42:37 - 7. Data flow 45:19 - 8. Rendering Optimization 49:13 - 9. Notification System 51:42 - 10. App Optimizations 55:58 - 11. Accessibility Follow me: Telegram: Medium: Linkedin: Diagram Link: #systemdesign #frontend #frontenddev